/*告警管理 */
body{overflow: hidden;}
.n-main{min-width:1024px;} 
.box-content{min-width:400px;} 
.n-cont{ clear:both;}
.n-boxsd{position:relative;box-shadow:1px 1px 4px #c6d0d6; background:#fff;}
.n-content .n-dttitle .select {margin-right: 20px;  }
.n-dttitle{ border-bottom:1px solid #D8E0E5; min-height:30px;  line-height:30px;  padding:10px; font-size:14px;} 
.mrg-tp{padding-top: 53px;}
.list{box-sizing:border-box;padding:10px 10px 5px 10px;}
.detaillist{padding:0px 0px 4px 0px;}
.n-content .list table .text-href{ padding-right: 15px; text-decoration:underline;color: #048fb0;}
.list td,.list th{text-align:center; line-height:28px; padding:2px; color: #333;}
.list th{ background:#eaeaea; font-weight:normal; line-height: 28px;}
.even{background:#f0f0f0;}
.odd{background:#fff;}
.selected{background:#FF9900;}
.even:hover,.odd:hover{background-color: #e2eaf1;cursor: pointer;}
.n-window{padding:10px 10px;}
.panel-body {
    padding: 0px;
}

/*--数据完整性--*/
.n-main .n-right{ float:left;padding:0 0 0 12px;}
.n-boxsd{box-shadow:1px 1px 4px #c6d0d6; background:#fff;}
.box-zsgc {
    width: 89%;
    overflow: hidden;
    vertical-align: middle;
     padding:0 10px 5px 0px;
}
.factors-div{padding-left:80px;}

.n-dttitle .box-zsgc a{margin-right: 15px;}
.n-dttitle .box-zsgc a:hover{}
.add{background: url("../images/add.png") no-repeat;width:40px; height:40px; padding-left:35px;}
.revise{background: url("../images/revise.png") no-repeat;width:40px; height:40px; padding-left:35px;}
.delete{background: url("../images/delete.png") no-repeat;width:40px; height:40px; padding-left:35px;}
.refresh {
    background: url(../images/refresh.png) 0px no-repeat;
    width: 37px;
    height: 30px !important;
    display: block;
    float: left;
}
.panel-body{padding:0px;}
/*--数据完整性--*/

.n-indlf{ width:524px; height:303px; float:left; text-align:center;}
.n-indlf img{ margin-top:10px;}
.n-indrt{ margin-left:536px;height:263px; padding:20px;}
.n-search{ height:100px;font-size:14px;}
.n-scfmr .n-ipt{ height:30px; line-height:30px; width:60%; padding:0 8px; border:#bbc1c8 solid 1px; border-radius:3px; margin-right:8px;}
.n-smt{height:32px; line-height:32px; display:inline-block; padding:0 10px; border:none; border:0;border-radius:3px; min-width:70px; text-align:center; background:#81c323; color:#fff; cursor:pointer;font-weight:bold;}
.n-smt:hover{ background:#91d136;}
.n-indrt .n-search .n-hotft{ color:#666;}
.n-indrt .n-search .n-hotft a{ margin:5px; height:24px; display:inline-block;line-height:24px;font-size:12px;}
.n-indrt .n-legend .n-title{ background:#f1f5f8; height:32px; line-height:32px; border-radius:3px; padding-left:15px; font-size:14px; font-weight:bold; color:#666; margin-bottom:20px;}
.n-indrt .n-legend .n-lsitm .n-item{border-radius:3px; color:#fff; padding:15px; height:80px; float:left; margin-right:10px;}
.n-indrt .n-legend .n-lsitm .n-item:last-child{ margin-right:0px;}
.n-indrt .n-legend .n-lsitm .n-item p{ line-height:20px; height:20px; margin-bottom:22px; font-size:14px; font-weight:bold;}
.n-indrt .n-legend .n-lsitm .n-item .n-imdt{ font-size:32px; overflow:hidden;zoom:1;}
.n-indrt .n-legend .n-lsitm .n-item .n-imdt img{ float:left;}
.n-indrt .n-legend .n-lsitm .n-item .n-imdt span{ float:right; display:inline-block; height:36px; line-height:36px;}
.n-indrt .n-legend .n-lsitm .n-item .n-imdt span b{ font-weight:normal; font-size:20px; margin-left:2px;}
.n-bgblue{background:#32b8fc;}
.n-bgyellow{background:#feaf32;}
.n-bggteen{background:#23d085;}
.n-bgred{background:#f76d6d;}
.n-bgpourple{background:#c480eb;}
.n-boxsd{box-shadow:1px 1px 4px #c6d0d6; background:#fff;}


/*实时数据 开始*/
.box-zsgc .air-btn{color: #333;width: 50px;margin-right: 15px;cursor:pointer;}
.box-zsgc span.air-btn {
    height: 26px;
    line-height: 26px;
    width: auto;
    min-width: 60px;
    margin-right: 15px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 5px;
    background-color: #e0e0e0;
    margin: 5px 5px;
}
.box-zsgc span.air-btn.active {
    background-color: #6A7E8A;
    color: #fff;
    border-radius: 2px !important;
    border: none !important;
    margin: 5px 5px;
}
#radiopolluteCodeDiv .air-btn{color: #333;width: 50px;margin-right: 15px;cursor:pointer;}
#radiopolluteCodeDiv span.air-btn {
    height: 26px;
    line-height: 26px;
    width: auto;
    min-width: 60px;
    margin-right: 15px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box; 
    background-color: #e0e0e0;
    padding: 0 5px;
    margin: 5px 5px;
}
#radiopolluteCodeDiv span.air-btn.active {
    background-color: #48789e;
    color: #fff;
    border-radius: 2px !important;
    border: none !important;
    margin: 5px 5px;
}
#selAll{
	background-color:#415971;
}
/*弹出窗口*/
/*body{position: relative;}
#polluteCodeCharts {
	  	position: absolute;
	  	top:50%;
	  	left:0;
	    width: 100%;
	    border-radius: 4px;
	    background-color: red;
	    overflow: hidden;
	    height: 340px;
	    display: none;
} */
.air-close-btn {
    height: 28px;
    line-height: 28px;
    width: 80px;
    margin-right: 15px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-sizing: border-box; 
    background-color: #e0e0e0;
    margin: 5px 5px;
    float: right;
}
.data-type{padding:15px 0;}
.data-type p{margin-right: 10px;}
.select{width: 100%;padding: 10px 0;}
.datarefresh{
    text-align: center;
    font-size: 14px;
    height: 32px;
    background-color: #eff3f7;
    line-height: 32px;
    border-bottom:1px solid #ddd
}
.n-ftrd {
    color: #b12516;
}
/*实时数据 结束*/

/* 左侧 */
.n-main .n-left{ width:280px;height:815px;overflow-y:auto; float:left;background-color: #0f4067; box-shadow:1px 0 4px #c6d0d6;overflow: hidden;}
#menu {margin:12px auto;font-size:14px;}
#menu .search{position:relative;height: 32px;width: 256px;margin: 12px auto;}
#menu .search .form-control{position:relative;border-left: 10px solid transparent;  border-right:none;border-bottom:none;border-top:none;width:200px;height:32px;color:#333;border-radius:32px 0 0 32px;background-color: #fff;}
#menu .sure{width: 40px;border: none;cursor:pointer;height: 32px;border-radius: 0 32px 32px 0;background-color: #fff;}
#menu .menu-content{height: 50px;color: #fff;box-sizing: border-box;}
#menu .menu-content .top-link{box-sizing: border-box;width: 100%;display: block;}
.link-title{text-align:left;padding-left:30px;cursor:pointer;height:50px;line-height:50px;vertical-align:middle;background: url("../images/line.png") bottom repeat-x;}
.top-link .link-title:focus,.top-link .link-title.active{background-color: #1e537d;}
.btn-unfold-top{background: url("../images/down.png") center  right no-repeat;}
.common-icon{width: 17px; height: 17px; padding-left: 150px;padding-top:30px;}
.common-icon-s{width: 17px; height: 17px; padding-left: 145px;padding-top:30px;}
.btn-fold-top{background: url("../images/up.png") center  right no-repeat;}
.box-list .second-menu{padding-left:30px;background: url("../images/line.png") bottom repeat-x;}
.box-list li{display:block;line-height: 50px;float: left;width: 100%;}
.box-list .second-menu ul {margin-left: -30px;background-color: #0c3759;height: 150px;}
.box-list .second-menu ul li{padding-left: 30px;}
.box-list .second-menu ul li:hover,.box-list .second-menu ul li:focus,.box-list .second-menu ul li:active,.box-list .second-menu ul li.active{background-color:#062a47;cursor: pointer;}
.text-menu{height:50px;}
.btn-fold{background:url("../images/ss.png") center  right no-repeat;}
.btn-unfold{background:url("../images/ss-b.png") center  right no-repeat;}




/* 数据录入 */
.n-rtmn .n-tab{border-bottom:#d0d9de 1px solid; overflow:hidden;zoom:1; height:42px;}
.n-rtmn .n-tab a{border:#d0d9de 1px solid;border-bottom:none; border-radius:3px 3px 0 0;height:32px; line-height:32px; font-size:14px; padding:0 15px; margin:10px 0 0 10px; display:block; float:left;}
.n-rtmn .n-tab a.on{ background:#2ed3aa; color:#fff; font-weight:bold;border:#2ed3aa 1px solid;border-bottom:none;}
#n-fds{ overflow-y:auto;}
.n-rtmn .n-fds .n-pd20{ padding:20px;}
.n-rtmn .n-fds .n-mdtb{ overflow:hidden;zoom:1;}
.n-rtmn .n-fds .n-mdtb .n-table{ width:380px; margin:0 20px; float:left; font-size:14px;}
.n-rtmn .n-fds .n-mdtb .n-table th,.n-rtmn .n-fds .n-mdtb .n-table td{ text-align:left; font-weight:normal; padding:5px 0;}
.n-rtmn .n-fds .n-mdtb .n-table th{ width:100px;}
.n-cmipt{ border:#d8dadc solid 1px; height:30px; line-height:30px; padding:0 2px;border-radius:3px;}
.n-iptwd{ width:240px;}
.n-right .n-rtmn .n-fds .n-mdtb .n-map{ margin-left:420px;}
.n-right .n-rtmn .n-fds .n-albtn{ margin:20px 0 0 136px;}
 
.n-rd{background:#f58282;}
.n-rd:hover{ background:#f99898;}
.n-bl{background:#32b8fc;}
.n-bl:hover{ background:#4fc3fd;}

/* 数据查询 */
.n-scher{ font-size:14px; padding:30px 30px 10px;}
.n-slist{ font-size:14px;overflow-y:auto;}
.n-slist .n-pd30{ padding:0 30px 30px;}
.n-slist .n-infor{ color:#999; height:30px; line-height:30px;}
.n-slist .n-lsitm h3{ line-height:36px; color:#0690d6;}
.n-slist .n-lsitm h3 em{ font-style:normal;}
.n-slist .n-lsitm p{ line-height:24px; text-indent:2em;}

/* 数据查询详细 */
.n-dtifms{ font-size:14px; overflow-y:auto;}
.n-dtifms .n-pd30{ padding:20px 40px; overflow:hidden; zoom:1;}
.n-dtifms table{ float:left;}
.n-dtifms th,.n-dtifms td{text-align:left; font-weight:normal; padding:5px 0;}
.n-dtifms td{ color:#999;}
.n-dtifms th{ width:100px;}

/* 数据查询详细 */
.n-rschal{ font-size:14px; overflow-y:auto;}
.n-rschal .n-wdsc{ width:70%; margin:0 auto;}
.n-rschal .n-rschtl{ font-size:26px; font-family:"微软雅黑";text-align:center; line-height:50px; height:50px; padding:30px 20px 20px;}
.n-rschal .n-rsch .n-scfmr{ position:relative;}
.n-rschal .n-rsch .n-scfmr .n-ipt{ width:90%;}
.n-rschal .n-rsch .n-scfmr .n-smt{ position:absolute;top:0px; right:0;}
.n-rschal .n-rschinf{ width:90%; padding:20px 0; overflow:hidden;zoom:1;}
.n-rschal .n-rschinf li{ float:left; display:block; width:20%;height:34px;overflow:hidden;}
.n-rschal .n-rschinf li a{color:#0690d6; line-height:24px; height:24px; overflow:hidden; margin:5px 40px 5px 0; display:block; float:left;}
.n-rschal .n-rschinf li a:hover{text-decoration:underline;}


/* 数据分析  开始*/
.paddleft{padding-left:10px;}
.paddtop{padding-top:15px;}
.paddbotm{padding-bottom:10px;}
.n-rtmn .n-fds .n-pd20{padding: 20px;height: 100%;box-sizing: border-box; font-family:"微软雅黑";}
.n-right .n-dttitle .select select {border:#d8e0e5 solid 1px; outline-style:none;height:30px;width:150px;}
.n-right .n-dttitle .select{margin-right:20px;}
/*.n-fds .n-pd20 .n-box{width:33.3333%; height:42%;}*/
.n-fds .n-pd20 .n-box {box-sizing:border-box;display:block;padding:5px; overflow:hidden;}
.n-fds .n-pd20 .n-box .num-box{width:100%;height:100%;display:block;}
.n-fds .n-pd20 .n-box .js-xm{ box-sizing: border-box;height: 33.3333%;display: block;}
.n-fds .n-pd20 .n-box .js-xm .cn-box{width: 50%;padding-left: 10px;height: 100%;font-weight: bold;box-sizing: border-box;display: block;vertical-align: middle;}
.n-fds .n-pd20 .n-box .js-xm .color1{ background-color:#40a9a5;}
.n-fds .n-pd20 .n-box .js-xm .color2{ background-color:#81c323;}
.n-fds .n-pd20 .n-box .js-xm .color3{ background-color:#df626c;}
.n-fds .n-pd20 .n-box .js-xm .left-font{text-align:center;font-size:20px;color:#fff;}
.border-cn{border:1px solid #d8e0e5; text-align:center; font-size:30px;}
.font-color1{color:#40a9a5; }
.font-color2{color:#81c323; }
.font-color3{color:#df626c; }
.n-box .xm-cn{box-sizing:border-box;width:100%;height:100%;display:block;border:1px solid #d8e0e5;}
.js-xm .cn-box  p{ display:inline-block;height:100%; vertical-align:middle;padding:20px 0;}
.n-box .xm-cn .xm-title{width:100%;background-color:#59b0ba;line-height:30px;height:30px;color:#fff;font-size:14px; padding-left:15px;box-sizing:border-box;}
.n-box .xm-cn .xm-content{width:100%; height:100%;box-sizing:border-box;}
/* 数据分析  结束*/



/*首页 开始*/
.content-box{box-shadow:none !important; background-color:transparent !important;margin: 5px !important;}
.content-box .box-pic{ display:block;box-sizing:border-box; padding:8px;}
.content-box .box-pic .pic-cn{position:relative;width:100%;height:100%;box-shadow: 1px 1px 4px #ddd, -1px 1px 4px #ddd, 1px -1px 4px #ddd, -1px -1px 4px #ddd;background:#fff;}
.content-box .box-pic .pic-cn .pic-title{ text-align:center;height:45px;position:relative; line-height:45px;font-size:18px;font-family:"微软雅黑";height:100%;box-sizing:border-box;}
.button-line{
	width:20%;
}
.button-group .button{
	margin-top:15px;
}
.button-group a{
	position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 0.2em;
    zoom: 1;
	margin-left:15px;
}
.button-group .button:hover, .button-group .button:focus, .button-group .button:active, .button-group .button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}
/*tab切换 开始*/
.tab-box{width: 100%;height:30px;border-bottom: 1px solid #d4d4d4;}
.tab-box a{
	padding: 0.5em 1.5em;
	border-top: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	margin-right: 5px;
	text-decoration: none;
	font: 12px/normal "微软雅黑";
	color: #333;
	white-space: nowrap;
	cursor: pointer;
	outline: none;
	background-color: #ececec;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
	background-image: -moz-linear-gradient(#f4f4f4, #ececec);
	background-image: -o-linear-gradient(#f4f4f4, #ececec);
	background-image: linear-gradient(#f4f4f4, #ececec);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	-o-background-clip: padding-box;
	/* background-clip: padding-box; */
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em 0.2em 0 0;
	zoom: 1;
}
.tab-box a:hover,.tab-box .sel,.tab-box a:focus{
	background-color: #048fb0;
	color: #fff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0597ba), to(#048fb0));
	background-image: -moz-linear-gradient(#0597ba, #048fb0);
	background-image: -o-linear-gradient(#0597ba, #048fb0);
	background-image: linear-gradient(#0597ba, #048fb0);
}
/*tab切换 结束*/


/*因子下拉显示*/
.sl-ext {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 110px;
    height: auto;
    line-height: 22px;
    overflow: hidden;
    zoom: 1;
}

.sl-ext .sl-e-more i {
    position: absolute;
    top:3px;
    right:58px;
    display: block;
    width: 20px;
    height: 15px;
    background-position: 4px 7px !important;
}
.sl-ext .sl-e-more i{
    background: url(../images/more.png) no-repeat;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    transition: background-position .15s ease-in-out;
}
.sl-ext .sl-e-more:hover {
    text-decoration:none;
    color:#e4393c
}
.sl-e-more:hover{
    color: #1e537d !important;
    background-position:4px -11px
}
.sl-ext .sl-e-more.opened i {
    position: absolute;
    top:3px;
    right:58px;
    display: block;
    width: 20px;
    height: 15px;
    background-position:4px -27px !important;
}
.sl-ext .opened:hover {
    background-position:4px -45px
}

.btn-gray-border{
    border: 1px solid #ddd;
    color: #333!important;
}
.btn-gray-border:hover{
    background-color: #fff;
    color: #333!important;
}

.text-lf{
    text-align: left;
}
.pd-jx{padding:0 20px 0 5px !important;background-color: #fff;}

.factor{
	width:97%;
    background-color: rgba(223,230,236,0.95);
    padding: 0px;          
    border: 1px dashed #d2dfe5;
    position: absolute;
    z-index: 999;
    }
    #site-status{
    margin-top: 45px;
    margin-left:10px;
    }
/*因子下拉显示*/

.close-self-box{
	position: absolute;
	left: 40px;
	top:30px;
	z-index: 999;
}
#div1{
	width: 60px;
	height: 30px;
	border-radius: 30px;
	position: relative;
}
#div2{
	width:26px;
	height: 26px;
	border-radius: 26px;
	position: absolute;
	background: white;
	/*box-shadow: 0 2px 4px rgba(0,0,0,0.4);*/
}
.open1{
	background: rgb(15, 179, 22);
}
.open2{
	top: 2px;
	right:2px;
}
.close1{
	background: rgb(150, 146, 146);
	/*border:2px solid rgba(0,0,0,0.15);*/
	border-left: transparent;
}
.close2{
	left:2px;
	top: 2px;
	/*border:2px solid rgba(0,0,0,0.1);*/
}
/****************历史数据查询百分比条begin*****************/
    .graphbox{
        margin:5px 0;
        height:18px !important;
    }
    .graph{
        position:relative;
        background-color:#ddd;
        font-size:13px;
        font-weight:700;
    }
    .graph .bg-color{
        position:relative;
        text-align:left;
        color:#ffffff;
        height:18px;
        line-height:18px;
        display:block;
    }
    .graph .bg-color{background-color:#16AD2F;}
/****************历史数据查询百分比条end*****************/
@media screen and (max-width:1024px) {
	.sl-ext{
		right:-30px;
	}
}

#reportDiv p{margin:0px !important;}

/*告警规则列表页面*/
.n-main{display:flex;}
.r-content{
	margin:0 10px 0 10px;
}

/*告警规则列表*/
.rules-tablist{
	float:left;
	height:100%;
	width:310px;
	background-color:#fff;
	margin-top: 10px;
	margin-left: 10px;
}
.rules-tablist p{ margin:0;}
.title{
	height:32px;
	line-height:32px;
	background-color:#415971;
	color:#fff;
}
.title span{
	display:block;
	float:left;	 
	height:20px;	 
	margin-left: 5px;
}
.table-list{
	width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #ddd;
    border-top: none;
	height: calc(100% - 50px);
}
.del-btn{ background-color:#415971;}
.del-btn:hover{background-color:#32485F;}
.table-list .tb-line{
	margin-top:10px;
	overflow:auto;
}
.table-list .tb-line li{
	padding:8px;
	border-bottom:1px dashed #ddd;
}
.table-list .tb-line li .index{
	display:block;
	width:20px;
	height:20px;
	border-radius:50%;
	line-height:20px;
	text-align:center;
	background-color:#d1e0ea;
	float:left;
	margin-right:5px;
}
.table-list .tb-line li .t{
	border:1px solid #fff;
}
.table-list .tb-line li input{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.table-list .tb-line li span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height:20px;
    cursor:pointer;
}
.table-list .tb-line li del{
	display: block;
    float: right;
    width: 12px;
	height:11px;
    margin-top: -15px;
	background:url(../images/del.png) no-repeat;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=4);
	opacity:0.4;
}
.table-list .tb-line li del:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity:1;
}
.rules-content{
	float: right;
    width: calc(100% - 328px);
	background-color: #fff;
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.rules-content input{ padding:4px 10px; border:1px solid #ddd; border-radius:3px;}
.rules-content .notice-type {
    margin-top:10px;
}
.alarm-title {
    height: 28px;
    line-height: 28px;
}
.rules-content .type-list {
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    margin-left: 4px;
}
.rules-content .type-list li.datasource-sel {
    background-color: #6A7E8A;
    border: 1px solid #6A7E8A;
    color: #fff;
}
.rules-content #insertFactor span.datasource-sel {
    background-color: #6A7E8A;
    border: 1px solid #6A7E8A;
    color: #fff;
}
.rules-content .type-list li {
    height: 28px;
    line-height: 28px;
    float: left;
    min-width: 100px;
    background-color: #eaeaea;
    border: 1px solid #ddd;
    margin-right: 20px;
    text-align: center;
    cursor: pointer;
}
.rules-content span.textbox.combo{ width:280px !important;}
.rules-content .type-list li:last-child {
    margin-right: 0;
}
.rules-exp label{
	width:100%; 
	display:block; 
	line-height:30px;
}
textarea{
	width:100%; 
	display:block; 
	height:100px; 
	border:1px solid #ddd;
}
.yinz-list{ width:100%; display: inline-block; margin-top:10px;}
.yinz-list label{ float:left;}
.yinz-list li span{display:block; padding:0 10px; height:28px; line-height:28px;border:1px solid #ddd;}
.yinz-list li span.on{ background-color:#35a7dc; cursor:pointer;color:#fff; border:1px solid #35a7dc;}
.yinz-list ul{ float:left;}
.yinz-list ul li{ float:left; padding:5px;}
.yinz-list ul li .roundedOne{ float:left;} 
.yinz-list ul li span{ float:left; display:block; cursor: pointer;}
.roundedOne {
  	width: 20px;
    height: 20px;
    position: relative;
	background: #35a7dc;
	border-radius: 50%;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.roundedOne input[type=checkbox] {
    visibility: hidden;
}
.roundedOne label {
  width: 10px;
    height: 10px;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 6px;
    background-color: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.roundedOne label:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0px;
  left:0px;
  background: #555;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.roundedOne label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.roundedOne input[type=checkbox] {
  visibility: hidden;
}
.roundedOne input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.all-yinzi{ 
	padding:5px; 
	position:relative;
	background-color:#e7ecee;
	margin-top:15px;
	display:inline-block;
	width: 100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.all-yinzi li{ 
	position:relative;
	float:left; 
	display:inline;
	padding: 6px 8px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}
.all-yinzi li:hover{ 
	background-color: #d8dcdd;
	border-radius: 5px;
}
.squared input[type=checkbox] { margin-left:-5px;}
.squared label {
  width: 16px;
  height:16px;
  cursor: pointer;
  position: absolute;
  top:10px;
  left: 5px;
  border:1px solid #a5dadc;
  background-color:#fff;
}
.squared label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 3px solid #16bac0;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
  opacity:0.1;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squared label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.squared input[type=checkbox]:checked + label:after{
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.other-rule{ position:relative; margin-top:15px; margin-left:10px;}
.other-rule .squared label {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 6px !important;
    left: -8px !important;
    border: 1px solid #a5dadc;
    background-color: #fff;
}
.last-btns{
	width: 100%;
    text-align: center;
    margin: 35px 0;
    clear: both;
    display: inline-block;
}
	
	 /*设备二维码管理*/
.alarm-box .alarm-type {
	width: 649px;
	display: inline-block;
	margin: 0 13px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	
.alarm-box .type-list li {
	height: 28px;
	line-height: 28px;
	float: left;
	min-width: 80px;
	background-color: #eaeaea;
	border: 1px solid #ddd;
	margin:0 3px 10px 0;
	text-align: center;
	cursor: pointer;
	padding:0 4px;
}
.alarm-box .type-list li:last-child {
	margin-right: 0;
}

.alarm-box .type-list li.select {
	background-color: #35a7dc;
	border: 1px solid #35a7dc;
	color: #fff;
	width: 80px;
}
/*二维码查看*/
.t-name{
	padding:10px 10px 0 10px;
}
.t-name .title-bar{
	background-color: #415971;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    color: #fff;
	border-radius:3px;
	position: relative;
	
}
.t-name .title-bar .rwm{
	float: right;
    margin-right: 7px;
    line-height: 32px;
    margin-top: 3px;
	padding:3px;
}
.t-name .title-bar .rwm:hover{
	background-color:#60AFFF;
	border-radius:3px;
	box-sizing:border-box;
	cursor:pointer;
}
.s-icon:hover{
	cursor:pointer;
}
.tab-content .t-thead thead tr th {
    font-weight: normal;
    padding: 3.5px;
}
.tab-content .t-thead thead tr th, .tab-content .t-tbody table tbody tr td {
    height: 36px;
    vertical-align: middle;
    text-align: center;
    border-bottom-width: 1px;
    box-sizing: border-box;
    padding: 5px;
}
/*空气质量日历 开始*/

/*滚动条*/
.tablescrollbar::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color:#0689aa;
}
.tablescrollbar::-webkit-scrollbar-corner{  background-color:#0689aa;}
.tablescrollbar::scrollbar-arrow-color{ color:#000;}
.tablescrollbar::-webkit-scrollbar-thumb{
    height: 50px;
    background-color: #29badf;
	border-radius:8px;
}
.table-b.blue-c{ background-color:#06629d;} 
.table-b{
	margin:0 auto;
	background-color:#0689aa;
}
.table-top-bg{
	width:100%; height: 12px;
}
.top-md{
	background:url(../images/top-md-bg.png) repeat-x;    
	width: calc(100% - 76px); 
	height:12px;
}
.table-md-bg{
	width: 100%;
    height: 400px;
    background-color: #0689aa;
}
.table-left-bg{
	background:url(../images/tab-left-bg.png) repeat-y; 
	height:100%; 
	width:13px;
}
.table-center-bg{
	width: calc(100% - 26px);
    background-color: #0689aa;
    width: -webkit-calc(100% - 26px);
    width: -mos-calc(100% - 26px);
}
.table-right-bg{
	background:url(../images/tab-right-bg.png) repeat-y; 
	width:13px; 
	height:100%;
}
.table-bottom-bg{
	 width:100%; 
	 height:12px;
}
.bottom-md{
	background:url(../images/bottom-md-bg.png) repeat-x; 
	width: calc(100% - 79px); 
	height:12px;
}


/*表格样式*/
.tablescrollbar::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color:#0689aa;
}
.tbHeadFix {
    font-size: 12px;
    position: relative;
    border: 0px solid #E4F1FF;
    overflow: hidden;
    color: #fff;    
	+border-right: 0px solid #cde;
    +padding-right: 2px;
}
.theadDivBox table thead tr th{ color:#fff; text-align:center;}
.tbHeadFix .color-good-best{ background-color:#25ec2c;}
.tbHeadFix .color-two{ background-color:#fbe000;}
.tbHeadFix .color-three{ background-color:#eb9802;}
.tbHeadFix .color-four{ background-color:#25ec2c;}
.tbHeadFix .color-five{ background-color:#954398;}
.tbHeadFix .color-bad{ background-color:#c40000;}
.tbHeadFix .tbHeadFix table tr td{ text-align:center;}
.theadDivBox {
    float: left;
    padding-right: 40px;
}
.tbHeadFix div.tbodyDiv td .conmmon-b{height: 40px; width:40px;padding:2px;box-sizing:border-box;line-height: 40px;}
.tbHeadFix div.tbodyDiv td .conmmon-b span{width: 100%;height: 100%;display: table;}
.tbHeadFix div.tbodyDiv table {
/*    margin-bottom: 10px;*/
    border-bottom: 0px;
    margin-bottom: 0px;
}
.theadDivBox table thead tr{
	background-color:#056C96;
}
.tbHeadFix div.theadDiv {
    position: relative;
    border: 1px solid #cde;
    border-bottom: 0px;
    overflow: hidden;
    +width:100%;
}
.tbHeadFix div.theadDiv table {
    border-right: 1px solid #fff;
}

.tbHeadFix div.tbodyDiv {
    border: 1px solid #cde;
    overflow: auto;
    position: relative;
    +width:100%;
}
.tbHeadFix div.tbodyDiv table {
    border-bottom: 1px solid #cde;
}
.tbHeadFix div.theadDiv th, .tbHeadFix div.tbodyDiv td
{  
    border-right: 1px solid #def;
    overflow: hidden;
    vertical-align:middle;
}
.tbHeadFix div.theadDiv th div, .tbHeadFix div.tbodyDiv td div
{
    padding: 5px;
    border-left: 0px solid #fff;
}
.tbHeadFix div.theadDiv th {
    font-weight:bold;
	text-shadow: 1px 1px #333;
    height:40px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
}

.tbHeadFix div.tbodyDiv td {
    border-bottom: 1px solid #fff;
    vertical-align:middle;
    white-space: nowrap;
}
.tbHeadFix div.tbodyDiv td div {
    border-top: 0px solid #fff;
    padding-bottom: 4px;
	text-align:center;
}

.tbHeadFix tr.trZ td {
    background: #F0F8FF;
    border-bottom: 1px solid #F0F8FF;
}
.tbHeadFix div.tbodyDiv tr:hover td{
    background: #037CAD;
    border-bottom: 1px dotted #a8d8eb;
}
.tbHeadFix div.theadDiv th div, .tbHeadFix div.tbodyDiv td div
{
    +overflow: hidden;
	font-size:14px;
}

/*表格注释样式*/
.table-notice{
	clear: both;
    margin-top: 10px;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: BORDER-BOX;
    background-color: #EAE7E7;
    height: 40px;
}
.table-notice span{
	padding-right:25px;
	float:left;
}
.table-notice ul{  
    float:left;  
}
.table-notice ul li{ 
	margin-bottom:5px;
	margin-right:10px;
	float:left;	
}
.table-notice ul li span{
	margin-right:5px;
	width:20px;
	height:20px;
}
.table-notice p{
	font-weight: bold;
    color: #D21313;
}


/*空气质量日历 结束*/

@media screen and (max-width:1024px){
    body{
    	overflow: auto !important;
    }
    
    /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
	body::-webkit-scrollbar{
	    width: 6px;
	    height: 10px;
	    background-color: #fff;
	}

	/*定义滑块，内阴影及圆角*/
	body::-webkit-scrollbar-thumb{
	    height: 50px;
	    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	    background-color:#ddd;
	}
}